<template>
	<view class="list">

		<view class="item" v-for="item in list1" @click="go(item)">
			<view class="left">
				<image v-if="item.plat" class="photo" :src="allPlat.filter(r=>r.code==item.plat)[0].icon" mode="widthFix">
				</image>

				<view class="info">
					<view class="name">
						{{item.job_name}}
					</view>
					<view v-if="item.labels" class="time">

						<u-tag style="margin-right: 10rpx;" v-for="item1 in item.labels.split(',')" size="mini"
							:text="item1" mode="plain" />
						<!-- 绑定时间：2023.05.18 -->
					</view>
				</view>
			</view>

			<view class="money">
				{{item.yonjin}}元/{{item.yonjin_type}}
			</view>

		</view>
	</view>
</template>

<script>
	export default {
		props: ['list1'],
		data() {
			return {
				allPlat: [{
						name: "抖音任务",
						icon: "http://cdn.haipiwan.com/icon/icon_dy.png",
						code: "dy",
					},
					{
						name: "小红书任务",
						icon: "http://cdn.haipiwan.com/icon/icon_xhs.png",
						code: "xhs",
					},
					{
						name: "快手任务",
						icon: "http://cdn.haipiwan.com/icon/icon_ks.png",
						code: "ks",
					},
					{
						name: "视频号任务",
						icon: "http://cdn.haipiwan.com/icon/icon_sph.png",
						code: "sph",
					},
					{
						name: "咸鱼任务",
						icon: "http://cdn.haipiwan.com/icon/icon_xy.png",
						code: "xy",
					}
				],
			}
		},
		methods: {
			go(item) {
				uni.navigateTo({
					url: "/pages/sys/home/gameplayIntro/detail?id="+item.id
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	.list {
		// margin: 0 32rpx;


		.item {
			padding: 32rpx 0 25rpx;
			background: #fff;

			display: flex;
			align-items: center;
			justify-content: space-between;
			border-bottom: 1rpx solid #eeeeee;

			&:last-child {
				border-bottom: none;
			}

			.left {
				display: flex;
				align-items: center;

				.photo {
					width: 70rpx;
					height: 70rpx;
					border-radius: 50%;
					margin-right: 23rpx;
				}

				.name {
					font-size: 27rpx;
					font-family: PingFang SC-Regular, PingFang SC;
					font-weight: 400;
					color: #333333;
					line-height: 32rpx;
				}

				.time {
					font-size: 24rpx;
					font-family: PingFang SC-Light, PingFang SC;
					font-weight: 300;
					color: #666666;
					line-height: 28rpx;
					margin-top: 5rpx;
				}
			}

			.money {
				font-size: 28rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: #35AC6C;
				line-height: 38rpx;
			}
		}
	}
</style>
